<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../css/weui.min.css">
    <link rel="stylesheet" href="../../css/weuix.css"/>

    <link rel="stylesheet" href="../../layui/css/layui.css"/>
    <link rel="stylesheet" href="../../css/carrier.css"/>

    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/vue.js"></script>
    <script src="../../js/axios.min.js"></script>

    <script src="../../js/f2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
    <script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>
    <script src="../../layui/layui.all.js"></script>

    <script src="../../js/app.js"></script>
    <script>
        var uid = getUrlParam('uid');
    </script>
    <style>
        .sensitive_info_item{
            display: inline-block;
            width: 24%;
            font-size: 11px;
        }
        .sensitive_info_item_header{
            font-weight: bold;
            display: inline-block;
            width: 24%;
            font-size: 11px;
        }
    </style>
</head>
<body>

<div id="app" v-if="loading">
    <div class="weui-flex">
        <div class="weui-flex__item"><div class="placeholder">{{user.verify_name}}-运营商报告</div></div>
    </div>
    <!--头部导航栏-->
    <div class="weui-tab" id="t3" style="height:44px;">
        <div class="weui-navbar">
            <div class="weui-navbar__item"
                 onclick="location.href='report.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                综合报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_buer.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                多头报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_faude.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                反欺诈报告
            </div>
            <div class="weui-navbar__item tab-blue"
                 onclick="location.href='report_carrier.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                运营商报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_contacts.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                手机通讯录
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_messages.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                手机短信
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_calllog.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                通话记录
            </div>
        </div>
    </div>
    <!--主体内容-->
    <div class="main" v-if="zhimi">
        <div class="layui-container" style="margin-top: 20px;margin-bottom: 7px;">
            <h3>ZM报告</h3>
            <div class="layui-row">
                <div class="layui-col-md6">报告编号：{{detail.data.report_info.report_no}}</div>
                <div class="layui-col-md6 report_time">报告时间：{{detail.data.report_info.time}}</div>
            </div>
        </div>
        <div class="layui-container" style="margin-top: 20px;margin-bottom: 7px;">
            <div class="layui-row">
                <div class="layui-col-md6"><h2>风险评估</h2></div>
            </div>
        </div>
        <div class="layui-container" style="margin-top: 20px;margin-bottom: 7px;">
            <div class="layui-row">
                <div class="layui-col-md6"><h4>运营商量化评分：{{detail.data.report_info.score}}</h4></div>
                <div class="layui-col-md6 report_time"><h4>欺诈评估风险：{{detail.data.report_info.risk_level}}</h4></div>
            </div>
        </div>
        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">1审核信息校验</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md4">姓名：{{detail.data.applier_info.name}}</div><div class="layui-col-md6">性别：{{detail.data.applier_info.gender}} </div><div class="layui-col-md2 br">年龄：{{detail.data.applier_info.age}}岁</div>
                <div class="layui-col-md4 bgc">手机号码：{{detail.data.applier_info.phone_number}}</div><div class="layui-col-md6 bgc">身份证号:{{detail.data.applier_info.idcard}}</div><div class="layui-col-md2 bgc br">地址:{{detail.data.applier_info.home_address}}</div>
                <div class="layui-col-md4">身份证归属地：{{detail.data.applier_info.idcard_location}}</div>
            </div>
        </div>
        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">2运营商基本信息</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md4">手机号码：{{detail.data.operator_info.phone_number}}</div><div class="layui-col-md6">运营商类型：{{detail.data.operator_info.operator_type}} </div><div class="layui-col-md2 br">姓名：{{detail.data.operator_info.name}}</div>
                <div class="layui-col-md4 bgc">身份证号码：{{detail.data.operator_info.idcard}}</div><div class="layui-col-md6 bgc">地址:{{detail.data.operator_info.address}}</div><div class="layui-col-md2 bgc br">会员等级:{{detail.data.operator_info.vip_level}}</div>
                <div class="layui-col-md4">在网时长：{{detail.data.operator_info.registration_history}}</div><div class="layui-col-md4">套餐类型：{{detail.data.operator_info.order_description}}</div><div class="layui-col-md4 br">可用余额：{{detail.data.operator_info.available_amount}}</div>
                <div class="layui-col-md4">手机归属地：{{detail.data.operator_info.phone_number_location}}</div><div class="layui-col-md8 br">主要活动区域：{{detail.data.operator_info.main_active_location}}</div>
            </div>
        </div>
        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">3通信检测</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md6">最后一次通话：</div><div class="layui-col-md6 br">{{detail.data.communication_detection.the_last_call_time}} </div>
                <div class="layui-col-md6">静默次数：</div><div class="layui-col-md6 br">{{detail.data.communication_detection.silent_count}}</div>
                <div class="layui-col-md6">平静静默时长：</div><div class="layui-col-md6 br">{{detail.data.communication_detection.average_silent_duration_time}}</div>
                <div class="layui-col-md6">最近一次静默时长：</div><div class="layui-col-md6 br">{{detail.data.communication_detection.the_last_silent_duration_time}}</div>
                <div class="layui-col-md6">最长一次静默时长：</div><div class="layui-col-md6 br">{{detail.data.communication_detection.the_long_silent_duration_time}}</div>
                <div class="layui-col-md6">夜间活动情况：</div><div class="layui-col-md6 br">{{detail.data.communication_detection.night_activities}}</div>
            </div>
        </div>
        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">4风险信息扫描</div></div>
            <div class="layui-row first_info">
                <block v-for="(item, key) in detail.data.sensitive_info_new">
                    <div class="layui-col-md4">{{item.item_name}}</div>
                    <div class="layui-col-md6">
                        <block v-for="(citem, ckey) in item.result_detail_info">
                            <block v-if="key >= 6">
                                    <div>
                                        <div class="sensitive_info_item_header">名称</div>
                                        <div class="sensitive_info_item_header">号码</div>
                                        <div class="sensitive_info_item_header">主叫次数</div>
                                        <div class="sensitive_info_item_header">被叫次数</div>
                                    </div>
                                    <block v-for="ditem in citem">
                                        <block v-if="!!ditem">
                                                <div>
                                                    <div class="sensitive_info_item">{{ ditem.name }}</div>
                                                    <div class="sensitive_info_item">{{ditem.call_record_list_item_infos[0].phone_number}}</div>
                                                    <div class="sensitive_info_item">{{ditem.call_record_list_item_infos[0].calling_count}}</div>
                                                    <div class="sensitive_info_item">{{ditem.call_record_list_item_infos[0].called_count}}</div>
                                                </div>
                                        </block>
                                    </block>
                            </block>
                        </block>
                    </div>
                    <div class="layui-col-md2 br">{{item.risk_level}}</div>
                </block>
            </div>
        </div>
        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">5通话月份分布</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">月份名</div>
                <div class="layui-col-md2">通话号码</div>
                <div class="layui-col-md1">互通比例</div>
                <div class="layui-col-md1">呼叫次数</div>
                <div class="layui-col-md1">主叫次数</div>
                <div class="layui-col-md1">主叫时长(分钟)</div>
                <div class="layui-col-md1">被叫次数</div>
                <div class="layui-col-md1">被叫时长(分钟)</div>
                <div class="layui-col-md1 br">短信数量</div>

                <block v-for="item in detail.data.communication_month_info">
                    <div class="layui-col-md3">{{item.month}}</div>
                    <div class="layui-col-md2">{{item.call_phone_number_count}}</div>
                    <div class="layui-col-md1">{{item.two_way_phone_number_per}}</div>
                    <div class="layui-col-md1">{{item.call_count}}</div>
                    <div class="layui-col-md1">{{item.calling_count}}</div>
                    <div class="layui-col-md1">{{item.calling_duration_time}}</div>
                    <div class="layui-col-md1">{{item.called_count}}</div>
                    <div class="layui-col-md1">{{item.called_duration_time}}</div>
                    <div class="layui-col-md1 br">{{item.sms_count}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">6通话时间段分布</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">时间段</div>
                <div class="layui-col-md1">通话次数</div>
                <div class="layui-col-md1">号码个数</div>
                <div class="layui-col-md3">最常联系号码及次数</div>
                <div class="layui-col-md1">主叫次数</div>
                <div class="layui-col-md1">主叫时长(分钟)</div>
                <div class="layui-col-md1">被叫次数</div>
                <div class="layui-col-md1 br">被叫时长(分钟)</div>

                <block v-for="item in detail.data.communication_time_bucket_info">
                    <div class="layui-col-md3">{{item.time_bucket}}</div>
                    <div class="layui-col-md1">{{item.call_count}}</div>
                    <div class="layui-col-md1 br">{{item.phone_count}}</div>
                    <div class="layui-col-md3">{{item.phone_times}}</div>
                    <div class="layui-col-md1">{{item.calling_count}}</div>
                    <div class="layui-col-md1">{{item.calling_duration_time}}</div>
                    <div class="layui-col-md1">{{item.called_count}}</div>
                    <div class="layui-col-md1 br">{{item.called_duration_time}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">7通话时长分布</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">通话时长</div>
                <div class="layui-col-md3">主叫次数</div>
                <div class="layui-col-md3">主叫时长</div>
                <div class="layui-col-md2">被叫次数</div>
                <div class="layui-col-md1 br">被叫时长</div>

                <block v-for="item in detail.data.communication_time_duration_info">
                    <div class="layui-col-md3">{{item.time_duration}}</div>
                    <div class="layui-col-md3">{{item.calling_count}}</div>
                    <div class="layui-col-md3">{{item.calling_duration_time}}</div>
                    <div class="layui-col-md2">{{item.called_count}}</div>
                    <div class="layui-col-md1 br">{{item.called_duration_time}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">8社交关系</div></div>
            <table>
                <thead>
                    <tr>
                        <td class="">联系号码总数</td>
                        <td class="">互通号码数</td>
                        <td class="">朋友圈紧密联系人数</td>
                        <td class="">朋友圈区域分布</td>
                        <td class="">疑似骚扰电话个数</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="">{{detail.data.social_connectionsInfo.phone_count}}</td>
                        <td class="">{{detail.data.social_connectionsInfo.interflow_call_phone_count}}</td>
                        <td class="">{{detail.data.social_connectionsInfo.compactness_call_count}}</td>
                        <td class="carrwrap">
                            <span class="carrwrap" v-for="citem in detail.data.social_connectionsInfo.circle_of_friends_locations">
                                <span class="carrwrap" v-for="ditem in citem">
                                    {{ditem}}
                                </span>
                            </span>
                        </td>
                        <td class="">{{detail.data.social_connectionsInfo.ephemeral_call_count}}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">9通话区域分布(省级)</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">省份</div>
                <div class="layui-col-md1">通话次数</div>
                <div class="layui-col-md1">主叫次数</div>
                <div class="layui-col-md1">主叫时间(分钟)</div>
                <div class="layui-col-md1">被叫次数</div>
                <div class="layui-col-md1">被叫时间(分钟)</div>
                <div class="layui-col-md1">主叫次数百分比</div>
                <div class="layui-col-md1">主叫时间百分比</div>
                <div class="layui-col-md1">被叫时间百分比</div>
                <div class="layui-col-md1 br">被叫次数百分比</div>

                <block v-for="item in detail.data.communication_city_info">
                    <div class="layui-col-md3">{{item.city}}</div>
                    <div class="layui-col-md1">{{item.call_count}}</div>
                    <div class="layui-col-md1">{{item.calling_count}}</div>
                    <div class="layui-col-md1">{{item.calling_duration_time}}</div>
                    <div class="layui-col-md1">{{item.called_count}}</div>
                    <div class="layui-col-md1">{{item.called_duration_time}}</div>
                    <div class="layui-col-md1">{{item.calling_count_per}}</div>
                    <div class="layui-col-md1">{{item.calling_duration_time_per}}</div>
                    <div class="layui-col-md1">{{item.called_duration_time_per}}</div>
                    <div class="layui-col-md1 br">{{item.called_count_per}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">10通话区域分布(市级)</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">城市</div>
                <div class="layui-col-md1">通话次数</div>
                <div class="layui-col-md1">主叫次数</div>
                <div class="layui-col-md1">主叫时间(分钟)</div>
                <div class="layui-col-md1">被叫次数</div>
                <div class="layui-col-md1">被叫时间(分钟)</div>
                <div class="layui-col-md1">主叫次数百分比</div>
                <div class="layui-col-md1">主叫时间百分比</div>
                <div class="layui-col-md1">被叫时间百分比</div>
                <div class="layui-col-md1 br">被叫次数百分比</div>

                <block v-for="item in detail.data.contacts_city_infos">
                    <div class="layui-col-md3">{{item.city}}</div>
                    <div class="layui-col-md1">{{item.call_count}}</div>
                    <div class="layui-col-md1">{{item.calling_count}}</div>
                    <div class="layui-col-md1">{{item.calling_duration_time}}</div>
                    <div class="layui-col-md1">{{item.called_count}}</div>
                    <div class="layui-col-md1">{{item.called_duration_time}}</div>
                    <div class="layui-col-md1">{{item.calling_count_per}}</div>
                    <div class="layui-col-md1">{{item.calling_duration_time_per}}</div>
                    <div class="layui-col-md1">{{item.called_duration_time_per}}</div>
                    <div class="layui-col-md1 br">{{item.called_count_per}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">11消费记录</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">月份</div>
                <div class="layui-col-md9 br">消费金额</div>

                <block v-for="item in detail.data.bill_info">
                    <div class="layui-col-md3">{{item.month}}</div>
                    <div class="layui-col-md9 br">{{item.consumption_amount}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">12充值记录</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">充值时间</div>
                <div class="layui-col-md3">充值次数</div>
                <div class="layui-col-md3">充值总金额</div>
                <div class="layui-col-md3 br">最大单笔充值金额</div>

                <block v-for="item in detail.data.recharge_info">
                    <div class="layui-col-md3">{{item.recharge_time}}</div>
                    <div class="layui-col-md3">{{item.recharge_count}}</div>
                    <div class="layui-col-md3">{{item.recharge_amount}}</div>
                    <div class="layui-col-md3 br">{{item.recharge_max}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">13通话次数前十</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">通话号码</div>
                <div class="layui-col-md3">通话次数</div>
                <div class="layui-col-md3">主叫次数</div>
                <div class="layui-col-md3 br">被叫次数</div>

                <block v-for="item in detail.data.top10_call_count">
                    <div class="layui-col-md3">{{item.phone_number}}</div>
                    <div class="layui-col-md3">{{item.call_count}}</div>
                    <div class="layui-col-md3">{{item.calling_count}}</div>
                    <div class="layui-col-md3 br">{{item.called_count}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">14通话总时长前十</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">通话号码</div>
                <div class="layui-col-md3">通话时长</div>
                <div class="layui-col-md3">主叫时长</div>
                <div class="layui-col-md3 br">被叫时长</div>

                <block v-for="item in detail.data.top10_call_time">
                    <div class="layui-col-md3">{{item.phone_number}}</div>
                    <div class="layui-col-md3">{{item.call_duration_time}}</div>
                    <div class="layui-col-md3">{{item.calling_duration_time}}</div>
                    <div class="layui-col-md3 br">{{item.called_duration_time}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">15单次通话前十</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">通话号码</div>
                <div class="layui-col-md9 br">通话时长</div>

                <block v-for="item in detail.data.top10_call_time">
                    <div class="layui-col-md3">{{item.phone_number}}</div>
                    <div class="layui-col-md9 br">{{item.call_duration_time}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">16短信数据分析</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md3">互联网标记名称</div>
                <div class="layui-col-md3">短信号码</div>
                <div class="layui-col-md3">发送短信次数</div>
                <div class="layui-col-md3 br">收到短信次数</div>

                <block v-for="item in detail.data.sms_record_label">
                    <div class="layui-col-md3">{{item.name}}</div>
                    <div class="layui-col-md3">{{item.call_record_list_item_infos.phone_number}}</div>
                    <div class="layui-col-md3">{{item.call_record_list_item_infos.calling_count}}</div>
                    <div class="layui-col-md3 br">{{item.call_record_list_item_infos.called_count}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">17通话数据分析</div></div>
            <table>
                <thead>
                <tr>
                    <td class="">联系次数排名</td>
                    <td class="">联系次数</td>
                    <td class="">号码</td>
                    <td class="">互联网标识</td>
                    <td class="">标识类型</td>
                    <td class="">归属地</td>
                    <td class="">联系时间(分)</td>
                    <td class="">主叫次数</td>
                    <td class="">被叫次数</td>
                    <td class="">最早一次通话时间</td>
                    <td class="">最近一次通话时间</td>
                </tr>
                </thead>
                <tbody>
                    <tr v-for="item in detail.data.label_info">
                        <td class="">{{item.sort_index}}</td>
                        <td class="">{{item.contact_count}}</td>
                        <td class="">{{item.phone_number}}</td>
                        <td class="">{{item.label_name}}</td>
                        <td class="">{{item.label_type}}</td>
                        <td class="">{{item.phone_location}}</td>
                        <td class="">{{item.contact_duration}}</td>
                        <td class="">{{item.calling_count}}</td>
                        <td class="">{{item.called_count}}</td>
                        <td class="">{{item.earliest_time}}</td>
                        <td class="">{{item.latest_time}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!--孟华的主体内容-->
    <div class="main" v-if="menghua">
        <div class="layui-container" style="margin-top: 20px;margin-bottom: 7px;">
            <h3>MH报告</h3>
            <div class="layui-row main_header"><div class="layui-col-md12">1.基本信息</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md4">姓名：{{detail.name}}</div><div class="layui-col-md6">手机号：{{detail.mobile}} </div><div class="layui-col-md2 br">身份证号：{{detail.idcard}}</div>
                <div class="layui-col-md4">输入的姓名：{{detail.form_name}}</div><div class="layui-col-md6 ">输入的身份证号:{{detail.form_idcard}}</div><div class="layui-col-md2  br">运营商:{{detail.carrier}}</div>
                <div class="layui-col-md4">手机号省份：{{detail.province}}</div><div class="layui-col-md4">手机号城市：{{detail.city}}</div><div class="layui-col-md4">用户星级：{{detail.level}}</div>
                <div class="layui-col-md4">手机目前状态：{{detail.state}}</div><div class="layui-col-md4">地址：{{detail.address}}</div><div class="layui-col-md4">邮箱：{{detail.email}}</div>
                <div class="layui-col-md4">是否实名：{{detail.reliability}}  (0：没有实名，1：实名)</div><div class="layui-col-md4">开卡时间：{{detail.open_time}}</div><div class="layui-col-md4">套餐名：{{detail.package_name}}</div>
                <div class="layui-col-md4">可用余额：{{detail.available_balance}}分</div><div class="layui-col-md4">账户余额：{{detail.real_balance}}分</div><div class="layui-col-md4">爬取的时间：{{detail.last_modify_time}}</div>
            </div>
        </div>
        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">2.通话信息</div></div>
            <block v-for="item in detail.calls">
                <div style="border: 1px solid #fff;background-color: #ccc;" class="layui-col-md6">月份：{{item.bill_month}}</div><div style="border: 1px solid #fff;background-color: #ccc;" class="layui-col-md6">条数：{{item.total_size}} </div>
                <div class="layui-row first_info">
                    <div class="layui-col-md4">通话类型</div>
                    <div class="layui-col-md4">通话手机号</div>
                    <div class="layui-col-md4">通话时间</div>

                    <block v-for="one in item.items">
                        <div class="layui-col-md4" v-if="one.dial_type == 'DIALED'">被叫</div>
                        <div class="layui-col-md4" v-if="one.dial_type == 'DIAL'">主叫</div>
                        <div class="layui-col-md4">{{one.peer_number}}</div>
                        <div class="layui-col-md4">{{one.time}}</div>
                    </block>
                </div>
            </block>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">3.账单信息</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md2">账单月份</div>
                <div class="layui-col-md1">开始时间</div>
                <div class="layui-col-md1">结束时间</div>
                <div class="layui-col-md1">固定费用(分)</div>
                <div class="layui-col-md1">增值服务费(分)</div>
                <div class="layui-col-md1">语言通话费(分)</div>
                <div class="layui-col-md1">短信费用(分)</div>
                <div class="layui-col-md1">上网费用(分)</div>
                <div class="layui-col-md1">其他费用(分)</div>
                <div class="layui-col-md1">总费用(分)</div>
                <div class="layui-col-md1">折扣(分)</div>

                <block v-for="item in detail.bills">
                    <div class="layui-col-md2">{{item.bill_month}}</div>
                    <div class="layui-col-md1">{{item.bill_start_date}}</div>
                    <div class="layui-col-md1">{{item.bill_end_date}}</div>
                    <div class="layui-col-md1">{{item.base_fee}}</div>
                    <div class="layui-col-md1">{{item.extra_service_fee}}</div>
                    <div class="layui-col-md1">{{item.voice_fee}}</div>
                    <div class="layui-col-md1">{{item.sms_fee}}</div>
                    <div class="layui-col-md1">{{item.web_fee}}</div>
                    <div class="layui-col-md1">{{item.extra_fee}}</div>
                    <div class="layui-col-md1">{{item.total_fee}}</div>
                    <div class="layui-col-md1">{{item.discount}}</div>
                </block>
            </div>
        </div>


        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">4.套餐信息</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md2">账单开始时间</div>
                <div class="layui-col-md2">账单结束时间</div>
                <div class="layui-col-md2">项目名</div>
                <div class="layui-col-md2">套餐总量</div>
                <div class="layui-col-md2">套餐使用量</div>
                <div class="layui-col-md2">单位</div>

                <block v-for="item in detail.packages">
                    <block v-for="one in item.items">
                        <div class="layui-col-md2">{{item.bill_start_date}}</div>
                        <div class="layui-col-md2">{{item.bill_end_date}}</div>
                        <div class="layui-col-md2">{{one.item}}</div>
                        <div class="layui-col-md2">{{one.total}}</div>
                        <div class="layui-col-md2">{{one.used}}</div>
                        <div class="layui-col-md2">{{one.unit}}</div>
                    </block>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">5.充值信息</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md4">充值金额(分)</div>
                <div class="layui-col-md4">充值类型</div>
                <div class="layui-col-md4">充值时间</div>

                <block v-for="item in detail.recharges">
                    <div class="layui-col-md4">{{item.amount}}</div>
                    <div class="layui-col-md4">{{item.type}}</div>
                    <div class="layui-col-md4">{{item.recharge_time}}</div>
                </block>
            </div>
        </div>

        <div class="layui-container">
            <div class="layui-row main_header"><div class="layui-col-md12">6.短信信息</div></div>
            <div class="layui-row first_info">
                <div class="layui-col-md6">月份</div>
                <div class="layui-col-md6">总条目</div>

                <block v-for="item in detail.smses">
                    <div class="layui-col-md6">{{item.bill_month}}</div>
                    <div class="layui-col-md6">{{item.total_size}}</div>
                </block>
            </div>
        </div>

    </div>
</div>
<script src="../../layui/layui.js"></script>
<script>
    var uid = getUrlParam('uid');
    var oid = getUrlParam('oid');
    var mobile = getUrlParam('mobile');
    var moxie = getUrlParam('moxie');
    var id_no = getUrlParam('id_no');
    var order_no = getUrlParam('order_no');
    var merchant = getUrlParam('merchant');

    window.onload = function(){
        var app = new Vue({
            el: '#app',
            data: {
                loading: false,
                uid:0,
                detail:'',
                report:'',
                reportbool:'',
                zhimi: false,
                menghua: false,
                user:{}
            }, mounted: function () {
                this.carrieData();
                this.userinfo();
            },
            methods: {
                userinfo: function () {
                    var vm = this;
                    axios.post('/api/user/report/userinfo', {
                        uid:uid
                    }).then(function (response) {
                        var obj = response.data;
                        if(obj.code == 0) {
                            vm.user = obj.data;
                            vm.loading = true;
                        }else{

                        }
                    }).catch(function (response) {
                        console.log(response);
                    });
                },
                carrieData: function () {
                    var vm = this;
                    layui.use('layer', function() {
                        var layer = layui.layer;
                        var index = layer.load(); //换了种风格
                        axios.get('/api/moxie/carrier/report?mobile=' + mobile + '&userid=' + moxie + '&days=30', {
                            uid: uid,
                        }).then(function (response) {
                            var obj = response.data;
                            if (obj.rspCode == 0) {
                                vm.detail = obj.data;
                                if(obj.risktype == 1) vm.zhimi = true;
                                if(obj.risktype == 2) vm.menghua = true;
                                console.log(vm.detail)
                                layer.close(index);
                            }else{
                                layer.msg('暂无数据');
                                layer.close(index);
                            }
                        }).catch(function (response) {
                            console.log(response);
                        });
                    })
                }
            }
        });
    }

</script>

</body>
</html>
